<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <title>数据统计分析</title>
    <!--cdn连接-->
    <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
    <!-- layui js -->
    <script src="https://www.layuicdn.com/layui/layui.js"></script>
    <!--jquery-->
    <script src="./jquery/jquery-3.3.1.js"></script>
    <!-- css -->
    <link rel="stylesheet" type="text/css" href="./css/dataStatistics.css"/>
    <!-- js -->
    <script src="./js/dataStatistics.js"></script>
</head>
<body>
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend>党建系统-党员信息统计情况</legend>
        </fieldset>
        <blockquote class="layui-elem-quote">这里是一个说明</blockquote>
        <!--栅格布局-->
        <div class="layui-row" id = "countDataTpl">
            <script type="text/html" id="countData">
                <div class="layui-col-xs3 layui-bg-orange">
                    <div class="grid">
                        <div class="grid-demo">{{ d.resData.turnPositiveCount }}</div>
                        <div class="grid-text">正式党员</div>
                    </div>
                </div>
                <div class="layui-col-xs3 layui-bg-red">
                    <div class="grid">
                        <div class="grid-demo">{{ d.resData.partyCount }}</div>
                        <div class="grid-text">预备党员</div>
                    </div>
                </div>
                <div class="layui-col-xs3 layui-bg-blue">
                    <div class="grid">
                        <div class="grid-demo">{{ d.resData.depTargetCount }}</div>
                        <div class="grid-text">发展对象</div>
                    </div>
                </div>
                <div class="layui-col-xs3 layui-bg-cyan">
                    <div class="grid">
                        <div class="grid-demo">{{ d.resData.activistCount }}</div>
                        <div class="grid-text">积极分子</div>
                    </div>
                </div>
            </script>
        </div>
</body>
</html>